{template 'common/header'}
{template 'common/nav'}
<style>
    /*my*/
    .my{position:relative;z-index:1;width:100%;height:220px;background-size:100% auto;background: #009100 url('') 50% no-repeat;}
    .my_head{text-align:center}
    .my_head_pic{padding:40px 0 0}
    .my_head_img{width:100px;height:100px;border:solid 2px #fff;border-radius:67px}
    .my_head_info{color:#fff}
    .my_head_name{padding:7.5px 0 5.5px;font-size:14px;line-height:1.2;color: #fff;font-weight: 400;}
    .my_head_prototype{font-size:11px;line-height:1}
    .my_transaction{position:absolute;right:0;bottom:0;left:0;padding: 10px 0 5px 0;background:white;}
    .my_transaction li{position:relative;float:left;color:#000;text-align:center}
    .my_transaction li a{color:#000}
    .my_transaction li:after{position:absolute;top:0;right:0;bottom:0;border-right:1px solid #C5C5C5;content:"";-webkit-transform:scaleX(.5);-webkit-transform-origin:0 0}
    .my_transaction li:last-child:after{border:none}
    .my_transaction1 li{width:100%; text-align:left; padding-left:5px;}
    .my_transaction1 li:after{border:none}
    .my_transaction1 li .my_transaction_num{ padding-left:6px;}
    .my_transaction1 li:nth-child(2),.my_transaction1 li:nth-child(3),.my_transaction2 li:nth-child(3){ display:none}
    .my_transaction2 li{width:50%}
    .my_transaction3 li{width:33.33%}
    .my_transaction_num{font-size:13px;line-height:1;color: #B1B1B1;}
    .my_transaction_num span{font-size:20px;color: #FF5D4F;}
    .my_transaction_txt{padding-top:2px;font-size:14px;line-height:1.2;}
    .my_transaction:after{content: " ";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;border-bottom: 1px solid #D9D9D9;color: #D9D9D9;-webkit-transform-origin: 0 100%;transform-origin: 0 100%;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
    .my_transaction_txt .mui-ext-icon,.mui-table-view .mui-ext-icon{position: static;display: inline-block;}
    .my_transaction_txt .mui-ext-icon:before{vertical-align: text-top;}
</style>
<div class="mui-content">
    <div class="my">
        <div class="my_head">
            <div class="my_head_pic">
                <img id="uinLogo" class="my_head_img" width="130" height="130" alt="" src="{php echo tomedia($_W['fans']['avatar'])}">
            </div>
            <div class="my_head_info">
                <h4 id="nickname" class="my_head_name ">{$_W['fans']['nickname']}</h4>
            </div>
        </div>

    </div>

    <ul class="mui-table-view" style="margin-bottom:35px;">
        <li class="mui-table-view-cell">
            <a class="mui-navigate-right" href="{php echo $this->createMobileUrl('mylist')}">
                <span class="mui-ext-icon mui-icon-mhuodong"></span>
                <span class="mui-tab-label">我发布的帖子</span></a>
        </li>
        <li class="mui-table-view-cell">
            <a class="mui-navigate-right" href="{php echo $this->createMobileUrl('canyu')}">
                <span class="mui-ext-icon mui-icon-mhuodong"></span>
                <span class="mui-tab-label">我参与的帖子</span></a>
        </li>
        <li class="mui-table-view-cell" style="display:">
            <a class="mui-navigate-right" href="{php echo $this->createMobileUrl('fav')}">
                <span class="mui-ext-icon mui-icon-mshoucang"></span>
                <span class="mui-tab-label">我收藏的帖子</span></a>
        </li>
        <li class="mui-table-view-cell" style="display:none">
            <a class="mui-navigate-right">
                <span class="mui-ext-icon mui-icon-myue"></span>
                <span class="mui-tab-label">余额充值</span></a>
        </li>
    </ul>
</div>
<script>
    //nav激活
    mui.init();
    mui('.mui-bar-tab').on('tap', 'a',
        function() {
            var $this = $(this);
            if (this.getAttribute('href') != null) {
                console.log(this.getAttribute('href'));
                location.href = this.getAttribute('href');
            } else {
                return false;
            }
        })
    $('.mui-icon-person').parent().addClass('mui-active');
</script>
